<?php /* Template Name: Ref Projects - TopCat */ ?>

<?php get_header() ?>

	<div id="container">
    
    	<?php include('breadcrumbs.php'); ?>
    
    	<?php get_sidebar() ?>
    
		<div id="content">

<?php the_post() ?>

			<div id="post-<?php the_ID() ?>" class="<?php sandbox_post_class() ?>">
				<h2 class="entry-title"><?php the_title() ?></h2>
                <div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="true" data-width="450" data-show-faces="true"></div>
				<div class="entry-content">
				<?php the_content() ?>

				</div>

<style>
	#content .category-2by { width: 330px; float: left; margin: 0px; text-align: center; }
		#content .category-2by:hover { background-color: #e77d1d; }
		#content .category-2by a, #content .category-2by a:visited { display: inline-block; width: 310px; padding: 10px; text-align: center; text-decoration: none; }
			#content .category-2by a img { width: 310px; height: 233px; margin-bottom: 10px; }
			#content .category-2by a:hover h3 { color: #ffffff; }
			
	#content .category-3by { width: 220px; float: left; margin: 0px; margin-bottom: 20px; text-align: center; }
		#content .category-3by:hover { background-color: #e77d1d; }
		#content .category-3by a, #content .category-3by a:visited { display: inline-block; width: 200px; padding: 10px; text-decoration: none; }
			#content .category-3by a img { width: 200px; height: 150px; margin-bottom: 10px; }
			#content .category-3by a p { font-size: 14px; font-weight: bold; color: #e77d1d; }
				#content .category-3by:hover a p { color: #ffffff; }
			#content .category-3by a span { font-size: 12px; font-weight: normal; color: #002d55; }
				#content .category-3by:hover a span { color: #ffffff; }
				
</style>

	<div class="category-2by">
    	<a href="http://www.sunmaxxsolar.com/commercial-solar-thermal-reference-projects.php">
    		<img src="http://www.sunmaxxsolar.com/wp-content/themes/SunMaxxSolar/images/refprojects-commercial.jpg" />
        	<h3>Commercial</h3>
        </a>
    </div>
    <div class="category-2by">
    	<a href="http://www.sunmaxxsolar.com/government-military-solar-thermal-reference-projects.php">
    		<img src="http://www.sunmaxxsolar.com/wp-content/themes/SunMaxxSolar/images/refprojects-govt.jpg" />
        	<h3>Government &amp; Military</h3>
        </a>
    </div>
    <div class="category-2by">
    	<a href="http://www.sunmaxxsolar.com/residential-solar-thermal-reference-projects.php">
    		<img src="http://www.sunmaxxsolar.com/wp-content/themes/SunMaxxSolar/images/refprojects-residential.jpg" />
        	<h3>Residential</h3>
        </a>
    </div>
    <div class="category-2by">
    	<a href="http://www.sunmaxxsolar.com/diy-solar-thermal-reference-projects.php">
    		<img src="http://www.sunmaxxsolar.com/wp-content/themes/SunMaxxSolar/images/refprojects-diy.jpg" />
        	<h3>Do-It-Yourself</h3>
        </a>
    </div>
    
    <div style="width: 660px; height: 0px; clear: both;"></div>
    <div style="width: 660px; height: 1px; background-color: #cccccc; margin: 0px; margin-top: 10px; margin-bottom: 20px; clear: both;"></div>
    
    <h3>Recent Commercial Reference Projects: <a href="http://www.sunmaxxsolar.com/commercial-solar-thermal-reference-projects.php">(view all)</a></h3>
    
    <?php
		$catquery = new WP_Query( 'cat=111&posts_per_page=3' );
		while($catquery->have_posts()) : $catquery->the_post();
	?>
    	<div class="category-3by">
        <a href="<?php the_permalink(); ?>">
        	<?php the_post_thumbnail(); ?>
            <p><?php meta('RPCustomer'); ?></p>
            <span><?php meta('RPDate'); ?></span>
        </a>
        </div>
    <?php endwhile; ?>
    
    <div style="width: 660px; height: 0px; clear: both;"></div>
    
    <h3>Recent Government &amp; Military Projects: <a href="http://www.sunmaxxsolar.com/government-military-solar-thermal-reference-projects.php">(view all)</a></h3>
    
    <?php
		$catquery = new WP_Query( 'cat=112&posts_per_page=3' );
		while($catquery->have_posts()) : $catquery->the_post();
	?>
    	<div class="category-3by">
        <a href="<?php the_permalink(); ?>">
        	<?php the_post_thumbnail(); ?>
            <p><?php meta('RPCustomer'); ?></p>
            <span><?php meta('RPDate'); ?></span>
        </a>
        </div>
    <?php endwhile; ?>
    
    <div style="width: 660px; height: 0px; clear: both;"></div>
    
    <h3>Recent Residential Projects: <a href="http://www.sunmaxxsolar.com/residential-solar-thermal-reference-projects.php">(view all)</a></h3>
    
    <?php
		$catquery = new WP_Query( 'cat=113&posts_per_page=3' );
		while($catquery->have_posts()) : $catquery->the_post();
	?>
    	<div class="category-3by">
        <a href="<?php the_permalink(); ?>">
        	<?php the_post_thumbnail(); ?>
            <p><?php meta('RPCustomer'); ?></p>
            <span><?php meta('RPDate'); ?></span>
        </a>
        </div>
    <?php endwhile; ?>
    
    <div style="width: 660px; height: 0px; clear: both;"></div>
    
    <h3>Recent Do-It-Yourself Projects: <a href="http://www.sunmaxxsolar.com/diy-solar-thermal-reference-projects.php">(view all)</a></h3>
    
    <?php
		$catquery = new WP_Query( 'cat=114&posts_per_page=3' );
		while($catquery->have_posts()) : $catquery->the_post();
	?>
    	<div class="category-3by">
        <a href="<?php the_permalink(); ?>">
        	<?php the_post_thumbnail(); ?>
            <p><?php meta('RPCustomer'); ?></p>
            <span><?php meta('RPDate'); ?></span>
        </a>
        </div>
    <?php endwhile; ?>
    
    <div style="width: 660px; height: 0px; clear: both;"></div>

			</div><!-- .post -->

		</div><!-- #content -->
	</div><!-- #container -->

<?php get_footer() ?>